<template>
  <!-- 订单类型展示 -->
  <div>
    <!-- <div style="margin-bottom: 10px;text-align:right">

    </div> -->
    <FilterTable
      ref="table"
      :columns="columns"
      columnsRef="partPartPurchasePurchaseTypeListIndex"
      :isSelectColumn="false"
      :dataSource="tableData"
      :isMemoryPagination="true"
      :onColumnsChange="columns => (this.columns = columns)"
    >
      <template slot="controls">
        <el-button type="primary" @click="queryTableData">刷新</el-button>
      </template>
    </FilterTable>
  </div>
</template>

<script>
import { queryAllOrderTypeInfo } from '@/api/part/partPurchase/purchaseOrder';

export default {
  name: 'part_partPurchase_purchaseTypeList',
  data() {
    return {
      columns: this.createTableColumns(),
      tableData: []
    };
  },
  mounted() {
    this.queryTableData();
  },
  methods: {
    createTableColumns() {
      return [
        {
          title: '订单类型',
          dataIndex: 'partTypeName',
          sorter: true,
          filter: true,
          filterType: 'input'
        },
        {
          title: '订单代码',
          dataIndex: 'partTypeNo',
          sorter: true,
          filter: true,
          filterType: 'input'
        },
        // {
        //   title: '配件最大订货数量',
        //   dataIndex: 'maxCount'
        // },
        {
          title: '最大行数',
          dataIndex: 'maxRow',
          sorter: true,
          filter: true,
          filterType: 'number'
        },
        // {
        //   title: '允许配件重复',
        //   dataIndex: 'isRepeat',
        //   render: params => {
        //     return <span>{params.row.isRepeat ? '是' : '否'}</span>;
        //   }
        // },
        // {
        //   title: 'VIN码是否必填',
        //   dataIndex: 'isVin',
        //   render: param => {
        //     return <span>{param.row.isVin ? '是' : '否'}</span>;
        //   }
        // },
        {
          title: '订单有效期天数',
          dataIndex: 'validityDays',
          sorter: true,
          filter: true,
          filterType: 'number'
        }
        // {
        //   title: '是否允许批量取消',
        //   dataIndex: 'isCancle',
        //   render: param => {
        //     return <span>{param.row.isCancle ? '是' : '否'}</span>;
        //   }
        // }
      ];
    },
    async queryTableData() {
      this.$refs.table.START_LOADING();
      let res = await queryAllOrderTypeInfo();
      this.$refs.table.STOP_LOADING();
      if (res.resultCode == 200) {
        this.tableData = res.data;
      }
    }
  }
};
</script>

<style scoped></style>
